<!DOCTYPE html>
<html>
<head lang="zh">
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/base.css">
	<title>CSS的表格布局示例</title>
	<style>
		#table
		{
			display: table;
		}
		div.row
		{
			display: table-row;
			background-color: #add8e6;
		}
		p.cell
		{
			display: table-cell;
			border: thin solid #000000;
		}
	</style>
</head>
<body>
<noscript>此文档需要JavaScript支持才能正常使用</noscript>
<!-- 定义页头 -->
<header>
	<h1></h1>
</header>

<!-- 定义边栏，书写说明或者放致导航菜单 -->
<aside>
	<nav>
		<ul>

		</ul>
	</nav>
</aside>
<!-- 定义页面内容 -->
<div id="container">
	<div id="table">
		<div class="row">
			<p class="cell">这是表格的第一行第一列</p>
			<p class="cell">这是表格的第一行第二列</p>
			<p class="cell">这是表格的第一行第三列</p>
		</div>
		<div class="row">
			<p class="cell">这是表格的第二行第一列</p>
			<p class="cell">这是表格的第二行第二列</p>
			<p class="cell">这是表格的第二行第三列</p>
		</div>
	</div>

</div>
<!-- 页面内容结束 -->
<!-- 定义页尾 -->
<footer>

</footer>
<!-- JavaScript脚本链接请在此处插入 -->
</body>
</html>